<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的</title>
    <link href="../../css/mui.min.css" rel="stylesheet"/>
    <link href="../../css/list.css" rel="stylesheet" />
    <link href="../../admin/css/style.css" rel="stylesheet" />
    <script src="../../js/app.js"></script>
    <script src="../../js/mui.min.js"></script> 
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">项目团队</h1><button type="button" style="float: right;" class="mui-btn mui-btn-danger mui-btn-outlined">添加人员</button>
		</header>
		<div class="mui-content" id="pullrefresh">
			<ul class="mui-table-view" >
			       <div class="friend-list-left" id="content"></div>
		    </ul>
	    </div>
	</body>
	<script type="text/javascript">
		//发布关联团队返回触发函数
	window.addEventListener('renovate', function(e){
	  location.reload(); //刷新
	});
var content=document.getElementById('content');
mui.init({  
		pullRefresh: {  
		container: '#pullrefresh', //触发刷新功能的id标签
		down: {  //触发下拉函数
		height:50,// 可选.默认50.触发上拉加载拖动距离
        auto:false,// 可选,默认false.自动上拉加载一次
        style:'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
      	color:'#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
        range:'100px', //可选 默认100px,控件可下拉拖拽的范围
     	offset:'50px', //可选 默认0px,下拉刷新控件的起始位置
		contentdown : "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
		contentover : "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
		contentrefresh : "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
		callback: pulldownRefresh
	},
		up : {//触发上拉
		height:50,// 可选.默认50.触发上拉加载拖动距离
        auto:false,// 可选,默认false.自动上拉加载一次
		contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
		contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
		callback :pullupRefresh //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
	}
              }  
});  
//* 下拉刷新具体业务实现 
function pulldownRefresh() { 
		setTimeout(function () { 
		//            	document.getElementById('resume').innerHTML='';
		get(0);//获取数据
		mui('#pullrefresh').pullRefresh().endPulldownToRefresh();//关闭上拉刷新样式
		}, 1500);  //1500毫秒触发
} 
 //* 上拉加载具体业务实现 
function pullupRefresh() { 
		setTimeout(function () { 
		get(1);//获取数据
		mui('#pullrefresh').pullRefresh().endPullupToRefresh();//关闭下拉加载样式
		}, 1500);  //1500毫秒触发
} 
get();
var	p= 0;

function get(num){//我的微博帖
				if(num==1){p=p+1}else{p=0;
					document.getElementById("content").innerHTML='';
				};
			apptoken['relation']='team';
			apptoken['p']= p;
			apptoken['tid']=tid;
			apptoken['act']='team';
			 mui.post(home.hos+'/item',apptoken,function(data){
//			 alert(data);
			var result=JSON.parse(data);
			 var val='';
		for(var i=0;i<result.length;i++){
if(result[i].image && result[i].image.length>6){
				pic='<img class="mui-media-object mui-pull-left" style="margin-right:10px" src="'+home.uploads+'/img/item/team/cut'+result[i].image+'" onerror="this.onerror=null;this.src=\''+home.uploads+'/img/item/team/min'+result[i].image+'\'" />';
			 }else{
			 	pic='';
			 }
//			}
			liststyle(result[i].id,result[i].duty+':'+result[i].name,result[i].createtime,pic,result[i].follow);
			}
				//服务器返回响应，根据响应结果，分析是否登录成功；
			},'text');
}
function  liststyle(tid,contents,createtime,pic,follow){
//	alert(createtime);
			var retime=new Date(parseInt(createtime) * 1000).format('yyyy-MM-dd hh:mm:ss');
//			content.innerHTML=tid+'1'+contents+'2'+createtime+'3'+pic+'4'+collect;
	content.innerHTML+='<div id="list'+tid+'" ><li class="mui-table-view-cell mui-media"><div class="mui-media-body" id="'+tid+'" onclick="goto(\'item\',\'home\',\'team_detail\','+tid+')" >'+pic+contents+'<p class="mui-ellipsis">'+retime+'</p></div><div style="color:red;padding:5px"><div onclick="goto(\'item\',\'admin\',\'team_modify\','+tid+')" style="float:left;">[编辑]</div><div onclick="_delete('+tid+')" style="float:left;padding-left:20px;">[删除]</div></div></li></div>';
}
//添加团队单击事件触发
mui(document.body).on('tap', '.mui-btn', function(e) {
	goto('item','admin','team_publish',tid);
});
function goto(method,room,htmlname,this_id){
//	alert(this_id);
	//数据库存储当前点击id值
localStorage[method+room+htmlname+'id']=this_id;
mui.openWindow('../../'+method+'/'+room+'/'+htmlname+'.html?tid='+this_id+'&mod=item');
}
function _delete(thisid){
		 	if(!window.confirm('你确定要删除吗。')){
		 		plus.ui.toast("已取消");
                 return false;
            }
		 	apptoken['tid']=thisid;
		 	apptoken['act']='deleteteam';
		mui.post(home.hos+'/item/user',apptoken,function(data){
//			alert(data);
			if(data==200){
			var tid=document.getElementById('list'+thisid);
				content.removeChild(tid);//删除div
		plus.ui.toast("删除成功");
		}else{
			plus.ui.toast("操作失败",data);
		}
		},'text')
	}
	</script>
</html>
